@import "../../static/scss/variables";

.draggable {
  cursor: move;
}

.list-modified {
  background: #e8f0fe;
  color: #4285f4;
}
.li-dragging {
    opacity: 0;
}

.btn-operation {
  //padding: 0;
  //vertical-align: middle;

  > .btn:not(.btn-block):not(.btn-link),
  > .btn-group {
    margin-left: 5px;
    margin-bottom: 5px;
    white-space: nowrap;

    .btn {
      float: none;
      display: inline-block;
    }
  }
}

.list-group-striped {
  .list-group-item:nth-child(even) {
    background: #f9f9f9;
  }
}

.pagination.disabled {
  > li > a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
}

.td-quick-editable-inline:not([class*=" w-"]):not(.w) {
  position: relative;
  min-width: 200px;
  min-height: 50px;
}

// 解决 over-flow 的问题
//.crud-wrapper .panel .table-responsive {
//  padding-bottom: 220px;
//  margin-bottom: -220px;
//}

.btn-footable {
  padding: 0;
  opacity: 0.3;
  margin-right: 8px;
}


table.footable,
table.footable-details {
  position: relative;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
table.footable-details {
  margin-bottom: 0;
}

table.footable-details > tbody > tr > th:nth-child(1) {
  min-width: 40px;
  width: 120px;
}
table.footable-details > tbody > tr > td:nth-child(2) {
  word-break: break-all;
}

table.footable-details > tbody > tr:first-child > th,
table.footable-details > tbody > tr:first-child > td {
  border-top-width: 0;
}
table.footable-details.table-bordered > tbody > tr:first-child > th,
table.footable-details.table-bordered > tbody > tr:first-child > td {
  border-top-width: 1px;
}

.crud-head-fixed {
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid $border-color;
}